<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="scss">
    .form-tips {
        color: #999;
        line-height: 20px;
        margin-top: 10px;
    }
    .form-container{ margin: 14px; background: #FFF;}
    .form-filter{ border-bottom: 3px solid #eef0f5; padding:14px; }
    .form-filter .el-form-item{  }
    .form-content{ padding:30px 14px;}
    .dialog-footer{ display: flex;justify-content: space-evenly; }
    .image-slot{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: #f5f7fa;color: #909399;font-size: 20px;}

    .avatar-uploader .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }

    .avatar-uploader .el-upload:hover {
        border-color: #409EFF;
    }

    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 80px;
        height: 80px;
        line-height: 80px;
        text-align: center;
    }

    .avatar {
        width: 80px;
        height: 80px;
        display: block;
    }

    .el-table__expand-icon{ border: 1px solid #CCC; background: #EFEFEF; border-radius: 3px; margin-right:10px !important; }

    .el-input--suffix .el-input__inner{ padding-right:15px;}
</style>
